<template>
  <a-modal
    width="500px"
    :footer="null"
    :maskClosable="false"
    :closable="false"
    :mask="false"
    v-model:open="modalShow"
    :wrap-style="{ overflow: 'hidden' }"
  >
    <template #title>
      <modalTitle @close="close" :title="'企业详情'"></modalTitle>
    </template>
    <div style="padding: 0 10px 10px 10px">
      <div class="content">
        <div id="outer-container">
          <div id="inner-container">
            <div
              class="item"
              style="
                display: inline-block;
                width: 180px;
                height: 100px;
                margin: 5px;
                border-radius: 5px;
                background-size: 140px 80px;
                background-image: url(&quot;/img/myimg/qy/qytp1.png&quot;);
              "
            ></div>
            <div
              class="item"
              style="
                display: inline-block;
                width: 180px;
                height: 100px;
                margin: 5px;
                border-radius: 5px;
                background-image: url(&quot;/img/myimg/qy/qytp2.png&quot;);
                background-size: 140px 80px;
              "
            ></div>
          </div>
        </div>

        <div style="padding: 10px 0; font-weight: bold">集团名称</div>
        <div style="display: flex; align-items: center; flex-wrap: wrap; color: #eef9ff">
          <div style="display: flex; width: 50%; margin-bottom: 5px">
            <div style="width: 80px; font-size: 12px">营业执照</div>
            <div style="flex: 1; font-size: 12px">123456789123456789</div>
          </div>
          <div style="display: flex; width: 50%; margin-bottom: 5px">
            <div style="width: 80px; font-size: 12px">责任人</div>
            <div style="flex: 1; font-size: 12px">张三</div>
          </div>
          <div style="display: flex; width: 50%; margin-bottom: 5px">
            <div style="width: 80px; font-size: 12px">联系电话</div>
            <div style="flex: 1; font-size: 12px">13125232523</div>
          </div>
          <div style="display: flex; width: 50%; margin-bottom: 5px">
            <div style="width: 80px; font-size: 12px">成立时间</div>
            <div style="flex: 1; font-size: 12px">2025-01-21</div>
          </div>
          <div style="display: flex; width: 50%; margin-bottom: 5px">
            <div style="width: 80px; font-size: 12px">年营业额</div>
            <div style="flex: 1; font-size: 12px">1542万元</div>
          </div>
          <div style="display: flex; width: 50%; margin-bottom: 5px">
            <div style="width: 80px; font-size: 12px">在职员工</div>
            <div style="flex: 1; font-size: 12px">100人</div>
          </div>
          <div style="display: flex; width: 100%; margin-bottom: 5px">
            <div style="width: 80px; font-size: 12px">地址</div>
            <div style="flex: 1; font-size: 12px">益麒麟家居建材广场3通道76号</div>
          </div>

          <div style="display: flex; align-items: center; width: 50%; padding: 0 20px 0 0; margin-top: 5px" v-for="i in 6" :key="i">
            <div style="padding: 0 3px; font-size: 10px; background: #b24e06; color: #ffffff">招</div>
            <div style="flex: 1; font-size: 12px; padding: 0 10px">市政工程师</div>
            <div style="font-size: 12px; color: #ff0000">6-10k</div>
          </div>
        </div>
      </div>
    </div>
  </a-modal>
</template>
<script setup>
import { reactive, ref } from "vue"
import modalTitle from "../modalTitle.vue"
const emit = defineEmits(["qrxf"])
const qrxf = () => {
  emit("qrxf")
}
const modalShow = ref(false)

const close = () => {
  modalShow.value = false
}
const show = (e) => {
  modalShow.value = true
}
defineExpose({ show, close })
</script>
<style scoped>
.content {
  /* background: #4DDECF1A; */
  /* padding: 10px 16px; */
  /* border: 1px solid #4DDECF33; */
  /* border-radius: 10px; */
  color: #ffffff;
}
.btn {
  background: linear-gradient(180deg, rgba(0, 36, 42, 0.5) 0%, rgba(0, 67, 78, 0.5) 100%);
  border: 1px solid #57ffff;
  color: #ffffff;
  font-size: 10px;
  padding: 5px 20px;
  border-radius: 99px;
  cursor: pointer;
  margin-bottom: 10px;
}
</style>
